<script setup lang="ts">


</script>

<template>


  <div class="common-layout">
    <el-container>
      <el-aside width="200px">

        <div class="aside-list">
          <el-tag><router-link to="webgl">webgl</router-link></el-tag>
          <el-tag><router-link to="webgl1">webgl1</router-link></el-tag>
          <el-tag><router-link to="webgl2">webgl2</router-link></el-tag>
          <el-tag><router-link to="webgl3">webgl3</router-link></el-tag>
        </div>


      </el-aside>


      <el-main>
        <router-view>

        </router-view>
      </el-main>

    </el-container>
  </div>


</template>

<style scoped lang="scss">

.el-container {
  height: 100vh;
}

.el-main {
  height: 100vh;
  background: #2c3e50;
}

.aside-list {
  display: flex;
  height: 100vh;
  padding-top: 20px;
  background: rgba(255, 255, 255, 0.1);
  flex-direction: column;

  .el-tag {
    margin-bottom: 10px;


  }
}


</style>